<div ng-controller="servicioController">
	<div class="md-padding" ng-cloak style="height:250px">
	    <div class="col-sm-9">

	    	<h2>Lista de Servicio</h2>
	    	<div class="card-header ch-alt">
                    <!-- Text Y boton de buscar-->
                    <div class="lvh-search" data-ng-if="mactrl.listviewSearchStat" data-ng-click="mactrl.listviewSearchStat">
                        <input type="text" placeholder="Buscar Servicio..." class="lvhs-input">

                        <i class="lvh-search-close" data-ng-click="mactrl.listviewSearchStat = false">&times;</i>
                    </div>
                    <ul class="lv-actions actions">
                        <li>
                            <a href="" data-ng-click="mactrl.listviewSearchStat = true">
                                <i class="zmdi zmdi-search"></i>
                            </a>
                        </li>
                    </ul>
            </div>
	
			<div class="card">
				<div class="card-header ch-alt">
					<div class="table-responsive">
						<table class="table">
							<thead>
								<tr>
									<th>NOMBRE</th>
									<th>CATEGORIA</th>
									<th>PRECIO</th>
									<th>DESCRIPCION</th>
									<th>Editar</th>
									<th>Eliminar</th>
								</tr>
							</thead>
							<tbody>
								<tr ng-repeat="d in servicio_list" class="info">
									<td>{{ d.nombre_servicio }}</td>
									<td>{{ d.categoria }}</td>
									<td>{{ d.precio_servicio }}</td>
									<td>{{ d.descripcion }}</td>
									<td> <a href=""  ng-click="sel(d)">Editar</a></td>
									<td> <a href="" ng-click="delete(d)">Eliminar</a></td>
								</tr>
							</tbody>
						</table>
						<md-button class="md-raised md-primary" aria-label="Add" ng-click="servicioAdd($event)">
							Agregar
        					<ng-md-icon icon="add"></ng-md-icon>
      					</md-button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>



